<script setup>
import {reactive, ref} from 'vue';
let app=ref(["卧龙",'凤雏'])
let acc=ref({av:"王哲",aa:'张哲'})
acc.value.aa="李哲"
//reactive 来包装符合数据类型,数组，对象
let obj=reactive({name:"小哲",age:"19"})
obj.name="张哲"
</script>
<template>
        <ul class="nav">
            <li v-for="(item,index) in app " :key='index'>{{ item }}</li>
            <li>{{ acc.av }}^-^{{acc.aa }}</li>
            <li>{{ obj.name }}^--^{{ obj.age }}</li>
        </ul>
</template>
<style scoped>
.nav{
         list-style: none;
         margin: 0 auto;
         color: red;
}
</style>